.login-page
  width 100%
  height 100%
  // background url('~@/assets/images/loginBackground.jpg')
  position relative
  .login-pane
    padding-top 100px
    text-align center
    h6
      margin 0
    .login-pane-title
      font-size 170px
      color #e6e6e6
      font-size 180px
      font-weight 800
      letter-spacing -10px
      margin-bottom 0
    // .login-pane-welcome
    //   margin-top 5px
    //   font-weight 600
    //   line-height 1.1
    //   margin-bottom 10px
    //   font-size 16px
    //   color #676a6c
    .login-pane-desc
      margin-bottom 10px
      color #676a6c
      font-weight normal
      font-size 13px
    .login-pane-form
      width 300px
      margin 0 auto
    .reg-tip
      color #888888
      font-weight normal
      margin 10px 0px
    .turn-reg-btn
      width 300px
    .right-cont
      color #676a6c
      font-size 12px
      font-weight normal
      margin 10px 0px
  .left-pane
    width 60%
    height 100%
    display inline-block
    vertical-align top
    background url('~@/assets/images/left-bg.jpg')
    background-position center center
    background-size cover
  .right-pane
    width 40%
    height 100%
    display inline-block
    .login-pane
      height 100%
      position relative
    .login-pane-welcome
      margin 0px 0px 20px 0px
      line-height 1.1
      font-size 20px
      color #676a6c
      text-align left
    .right-cont
      color #aaa
      font-size 12px
      font-weight normal
      margin 10px 0px
    .sys-version
      color #aaa
      margin-left 20px
@media only screen and (max-width 767px)
  .login-page
    .left-pane
      width 00%
    .right-pane
      width 100%
@media only screen and (min-width 768px) and (max-width 991px)
  .login-page
    .left-pane
      width 50%
    .right-pane
      width 50%
